<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Widget Visual Test - Nice Websites</title>
  <meta name="author" content="">
  <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Language" content="english">
  <meta http-equiv="reply-to" content="alansmlee@gmail.com">
  <meta name="Rating" content="General" />
  <meta name="revisit-after" content="30 Days" />
  <meta name="keywords" content="webmaster,hobby webmaster,hobbywebmaster,demo,test,css,html,website,web authoring,web,web page,template" />
  <meta name="description" content="Widget Visual Test" />
  <meta name="distribution" content="global" />
  <meta name="resource-type" content="document" />
	<meta http-equiv="Content-Language" content="en-us" />
  <meta name="robots" content="all" />
  <meta name="mssmarttagspreventparsing" content="true" />
  <meta http-equiv="imagetoolbar" content="no" />
  <meta http-equiv="MSThemeCompatible" content="no" />
  <meta name="doc-class" content="Living Document" />
  <link href="typography.css" rel="stylesheet" type="text/css" />
  <link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
	<link type="text/css" rel="stylesheet" href="../../common/css/main.css"/>
	<link type="text/css" rel="stylesheet" href="photoalbum.css"/>
  <style type="text/css">
  </style>
	<!-- compliance patch for microsoft browsers -->
	<!--[if lt IE 7]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript" ></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ie7-squish.js" type="text/javascript" ></script>
	<![endif]-->
</head>

<body>
  <!-- START header -->
  <div id="header">
    <div id="logo">
      <div id="slogan">Your slogan here</div>
      <div id="siteaddress">www.your.site.com</div>
      <div id="nav">
        <ul class="hmenu color-rainbow theme-transparent">
          <li><a href="../home/home.html">Home</a></li>
          <li><a href="../grasshopper/grasshopper.xml">Grasshopper</a></li>
          <li><a href="../taxidermy/taxdermy.html">Taxidermy</a></li>
          <li><a href="#" class="current">Photo Album</a></li>
          <li><a href="../webtips/webtips.html">Web Tips</a></li>
          <li><a href="../TBD/tbd.html">don't look</a></li>
        </ul>
      </div><!-- end nav -->
    </div><!-- end logo -->
  </div><!-- END header -->

  <!-- START body-container -->
  <div id="body-container">

    <!-- ++++ START of YOUR right-sidebar ++++ -->
    <div id="r-sidebar">
      <!-- Sub-page Navigation -->
      <div class="sb-nav theme-transparent-bkgnd" style="margin-top:30px;">
        <div class="thumbnail-container">
          <a class="thumbnail" href="#thumb">
            <img src="img_1082_small.jpg" alt="who.gif"/>
            <span><img src="img_1082_large.jpg"/><br/>Nice picture.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1935_small.jpg" alt="who.gif"/>
            <span><img src="img_1935_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1937_small.jpg" alt="who.gif"/>
            <span><img src="img_1937_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1864_small.jpg" alt="who.gif"/>
            <span><img src="img_1864_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1867_small.jpg" alt="who.gif"/>
            <span><img src="img_1867_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1940_small.jpg" alt="who.gif"/>
            <span><img src="img_1940_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1946_small.jpg" alt="who.gif"/>
            <span><img src="img_1946_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1890_small.jpg" alt="who.gif"/>
            <span><img src="img_1890_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1900_small.jpg" alt="who.gif"/>
            <span><img src="img_1900_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
          <a class="thumbnail" href="#thumb">
            <img src="img_1950_small.jpg" alt="who.gif"/>
            <span><img src="img_1950_large.jpg"/><br/>Genuine testimonials add credential to your site.</span>
          </a>
        </div><!-- END album-directory -->
      </div><!-- end class=sb-nav -->

      <hr />

    </div> <!-- end id=r-sidebar -->
    <!-- -------- END of YOUR right-sidebar --------------->

    <!-- START main-content -->
    <div id="main-content">

      <!-- ++++ YOUR page title ++++ -->
      <div id="title">Photo Album</div>

      <!-- ++++ START of YOUR navigation within main contents ++++ -->
      <br />
      &nbsp;&nbsp;Rest the mouse on the thumbnail picture to see enlarged image.

      <!-- -------- END of YOUR navigation within main contents --------------->

      <!-- ++++ START of YOUR main contents ++++ -->

            <!-- When user rests the mouse on the thumbnail, the enlarged image will appear here automatically -->

      <!-- -------- END of YOUR main contents --------------->

    </div><!-- END main content -->
  </div><!-- END body-container -->

  <!-- START footer -->
  <div id="footer">
    <a href="mailto:someone@somewhere.com">Contact us</a><span> | </span>
    <a href="#">Disclaimer</a><span> | </span>
    <a href="#">Privacy statement</a><span> | </span>
    <a href="#">Usage terms and conditions</a><span> | </span>
    <a href="#">Copyright &copy; 2008-2009 www.yoursite.com. All Rights Reserved.</a>
  </div><!-- END footer -->
  <!-- **************  -->
</body>

</html>